<template>
	<view class="px-20 py-20 bg-main ">
		<view class="py-40 bg-main rounded-20">
			<text class="text-16 font-medium  text-primary">这是一段测试代码</text>
		</view>
		<view class="mt-60 text-body leading-20 rounded-12 bg-primary py-60 text-center">
			你看看
		</view>
		<view class="flex items-center justify-between mt-50 bg-white">
			<view class="bg-link py-40 px-80 rounded-t-20 ">
				1
			</view>
			<view class="bg-grey py-40 px-50 rounded-b-20  leading-24 text-12">
				1
			</view>
			<view class="bg-focus py-40 px-100 rounded-bl-20  rounded-tr-20 flex-1">
				1
			</view>
		</view>
		<view class="flex-col flex items-center justify-between mt-50 bg-white bg-main">
			<view class="bg-link py-40 px-80 rounded-t-20 ">
				1
			</view>
			<view class="bg-grey py-40 px-50 rounded-b-20 ">
				1
			</view>
			<view class="bg-focus py-40 px-100 rounded-bl-20  rounded-tr-20 flex-1">
				1
			</view>
		</view>
	</view>
</template>

<script>
export default {
	
};
</script>

<style>


</style>
